import * as cc from 'cc';
import { _decorator, Component } from 'cc';
declare const CC_EDITOR
const { ccclass, property, executeInEditMode, playOnFocus } = _decorator;

/**
 * 循环摆动 效果
 * @author 神兽白泽
 * @description 交流群：415468592
 * executeInEditMode 3.x暂时不支持 tween
 */
@ccclass('RotationLoop')
@executeInEditMode()
@playOnFocus()
export default class RotationLoop extends Component {

    @property({ displayName: '摆动角度' }) private angle: number = 15;
    @property({ displayName: '摆动时间', tooltip: '摆动1/4距离消耗的时间' }) private time: number = 1;

    /** 编辑器预览 */
    private _edit_play: boolean = false;
    @property({ displayName: '编辑器预览' })
    get edit_play(): boolean {
        if (this._edit_play && !this.edit_playing) this.play();
        this.edit_playing = this._edit_play;
        return this._edit_play;
    }
    set edit_play(v: boolean) {
        this._edit_play = v;
        if (!v) this.stop();
    }

    /** 编辑器是否正在播放 */
    private edit_playing = false;

    onLoad() {

    }

    start() {
        if (CC_EDITOR) {
            if (this.edit_play) {
                this.play()
            }
        } else {
            this.play()
        }
    }

    /**
    * 缓慢摇动
    * @param node 动画节点
    */
     public play() {
        let node = this.node;
        let rotate1 = cc.tween().to(this.time, { angle: { value: this.angle, easing: 'sineOut' } })
        let rotate2 = cc.tween().to(this.time, { angle: { value: 0, easing: 'sineIn' } })
        let rotate3 = cc.tween().to(this.time, { angle: { value: -this.angle, easing: 'sineOut' } })
        let rotate4 = cc.tween().to(this.time, { angle: { value: 0, easing: 'sineIn' } })
        let sequence1 = cc.tween().sequence(rotate1, rotate2, rotate3, rotate4)
        cc.tween(node).then(sequence1).repeatForever().start();
    }

    /** 停止动画 */
    public stop() {
        this.node.setRotation(1, 1, 1, 1);
        cc.Tween.stopAllByTarget(this.node);
    }
}